<?php
//Khai báo thư mục chính
define('ROOT_URL', 'http://localhost/fs-popup/source/');
/*
  @Name project: fs_popup
  @Coding : Nguyễn Trần Minh Trung
  @Date: 02/08/2014
 */
?>
<html>
    <head>
        <meta charset="utf-8"/>
        <link type="text/css" rel="stylesheet" href="<?php echo ROOT_URL ?>css/S_Reset.css">
        <link type="text/css" rel="stylesheet" href="<?php echo ROOT_URL ?>css/S_fs_popup.css">
        <script type="text/javascript" src="<?php echo ROOT_URL ?>js/jquery-v1.8.3.js"></script>
        <script type="text/javascript" src="<?php echo ROOT_URL ?>js/fs_popup.js"></script>
        <script type="text/javascript">
            //Biến đường dẫn tuyệt đối
            lnk = '<?php echo ROOT_URL; ?>';
            $(document).ready(function() {
                $('#pp').fs_popup_event({
                    dad_Obj:'#Dad',
                    con_Body:{
                        type:'text',
                        body:'sadbaiduhasidjaldkasld'
                    },
                    auto_Close:false,
                    popup_Display:true
                },'hover');
//                
//                $('#pp').fs_popup({
//                    dad_Obj:'#Head',
//                    con_Body:{
//                        type:'text',
//                        body:'eee'
//                    }
//                },'click');
//                var pop = new popup({
//                    dad_Obj: 'body',
//                    con_Body: {
//                        type: 'file',
//                        body: 'qq.html'
//                    },
//                    pos_Type: 'absolute',
//                    auto_Close: false,
//                    but_Off: true,
//                    popup_Display: true,
//                    position: {
//                        direction: 'center',
//                        plus: 0
//                    },
//                    width: 200,
//                    height: 100,
//                    resize:true
//                });
//                $('#pp').click(function(){
//                    pop.set_Text("cho");
//                    pop.set_Body("text",'gujdhhuqqqq')
//                });           

            });
        </script>
    </head>
    <body>
        <div id="pp" style="height: 30px;width:300px;background: #777">adasd
            das
            da
            sd
            asd
            as</div>
        <div id="Dad" style="width:300px;height: 500px;border:1px solid #000;margin:100px auto">
            sdiuahdaskdjsa
            asdhkasidji
            asdahusdka
            sdahskdasj
            dasdhasiojd
            saduiashd
        </div>
        <div id="Head"></div>
        <div id="Hd"></div>
    </body>
</html>
